Page({
  data: {
    dialogVisible: false,
    isEmpty: true,
    houseList: [],
    // cellId: '',
    // cellIndex: ''
  },
  onShow () {
    this.getHouseList()
  },
  async getHouseList () {
    const { data, code } = await wx.http.get('/room')
    console.log(data)
    // 检测接口是否调用成功
    if (code !== 10000) return wx.utils.toast()
    // 渲染数据
    this.setData({ houseList: data, isEmpty: data.length !== 0 })
  },

  swipeClose (ev) {
    const { position, instance } = ev.detail

    if (position === 'right') {
      // 显示 Dialog 对话框
      this.setData({
        dialogVisible: true
      })
      // 记录房屋的 id 和索引，在调用接口的时使用
      // this.setData({ cellId: ev.mark.id })
      // this.setData({ cellIndex: ev.mark.index })
      // this.cellId = ev.mark.id
      // 记录房屋的 id 和索引，在调用接口的时使用
      this.cellId = ev.mark.id
      this.cellIndex = ev.mark.index

      // swiper-cell 滑块关闭
      instance.close()
    }
  },
  // 删除房屋
  dialogClose (ev) {
    // console.log(ev)
    // 当用户点了确认按钮时调用方法删除数据
    if (ev.detail === 'confirm') this.deleteHouse()
  },
  async deleteHouse () {
    // 调用接口
    const { code } = await wx.http.delete('/room/' + this.cellId)
    // 检测接口是否调用成功
    if (code !== 10000) return wx.utils.toast()
    // 从 AppData 中将删除的房屋从数组移除
    this.data.houseList.splice(this.cellIndex, 1)
    // 渲染数据
    this.setData({
      houseList: this.data.houseList,
      isEmpty: this.data.houseList.length === 0
    })
  },

  goDetail (ev) {
    // console.log(ev.mark.id)
    const id = ev.mark.id
    wx.navigateTo({
      url: '/house_pkg/pages/detail/index?id=' + id
    })
  },

  addHouse () {
    wx.navigateTo({
      url: '/house_pkg/pages/locate/index'
    })
  }
})
